@import "../commonFunc";

.common_table_module {

    .ant-table {
        @include bgColor(transparent);

        .ant-table-container {
            height: px2rem(560) !important;
        }
    }

    .ant-table-thead {
        tr {
            th {
                @include bgColor($defaultColor);
                @include color(white);
                @include fontSize(px2rem(16));
                //padding-left: 0 !important;
                .ant-table-column-sorters{
                    padding: px2rem(12) 0;
                }
                //&:first-of-type {
                //    padding-left: px2rem(16) !important;
                //}

                //&:last-of-type {
                //    padding-left: px2rem(16) !important;
                //}

                &:hover {
                    @include bgColor($defaultColor)
                }

                .anticon {
                    @include color($defaultColor);

                    &.active {
                        @include color($defaultActiveColor)
                    }
                }

                .ant-table-filter-column-title {
                    padding: px2rem(16);
                    text-align: center;
                }

                .ant-table-filter-trigger-container {
                    &:hover {
                        @include bgColor(transparent)
                    }

                    .anticon {
                        @include color(white);
                        @include fontSize(px2rem(16))
                    }
                }
            }
        }
    }

    .ant-table-tbody {
        tr {
            //&:nth-child(even) {
            //    @include bgColor(rgba(255, 255, 255, .5))
            //}
            //
            //&:nth-child(odd) {
            //    @include bgColor(rgba(255, 255, 255, .1))
            //}

            td {
                //border-color: transparent;
                //@include color(#6E4B30);
                //@include fontSize(px2rem(16));
                padding-left: px2rem(16);

                &.ant-table-column-sort {
                    @include bgColor(transparent)
                }

                .operate_btn_group {
                    @include displayFlex;
                    justify-content: flex-end;

                    button {
                        @include widthHeight(px2rem(50), px2rem(24));
                        padding: 0;
                        @include displayFlex;
                        @include color(white);
                        border: none;
                        margin-left: px2rem(10);

                        &:hover {
                            opacity: .8;
                        }

                        &:disabled {
                            opacity: .4;
                        }

                        &:first-of-type {
                            margin-left: 0;
                        }

                        &.audit_operate {
                            @include bgColor($yellowColor);
                        }

                        &.show_operate {
                            @include bgColor(#DC998A);
                        }

                        &.edit_operate {
                            @include bgColor($defaultColor);
                        }

                        &.del_operate {
                            @include bgColor($defaultActiveColor);
                        }
                    }
                }
            }
        }
    }
}